<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"    
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">

    <h:head>   
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <!-- Ajax -->
        <title>Sistema Integrado de Transportes</title>
        <link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" />
        <!--[if lt IE 9]>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    </h:head>

    <h:form id="jojo" >

        <p:inputText style="display: none;" id="txt_data" value="#{managedBeanIniciosesion.objetoEmpleado.idEmpleado}"  />

        <p:poll interval="1" update="jojo:txt_data" widgetVar="poll" autoStart="true"/>
        <p:idleMonitor timeout="#{session.maxInactiveInterval*700}"  >
            <p:ajax event="idle" update="jojo:txt_data" listener="#{session.invalidate()}"
                    oncomplete="idleDialog.show()" />
        </p:idleMonitor>


        <p:dialog id="confirmDialog" 
                  modal="true"  closable="false"
                  header=" ---SESSIÓN DE USUARIO TERMINADO--- "  widgetVar="idleDialog">

            <p:commandButton id="Logout" value="OK"  action="#{session.invalidate()}"
                             onclick="window.close();"/>

        </p:dialog>

        <p:dialog id="confirmDialogCerrar" 
                  modal="true"  closable="false"
                  width="250"	header=" DESEA CERRAR SESSIÓN ??? "  widgetVar="idleDialogCerrar">


            <h:panelGrid style="width: 80%" columns="2">
                <p:commandButton id="Logout2" value="SI"  action="#{session.invalidate()}"
                                 onclick="window.close();"/>

                <h:panelGrid style="padding-left: 65px;" columns="1">
                    <p:commandButton id="LogoutClose" value="NO"  
                                     onclick="idleDialogCerrar.hide();"/>
                </h:panelGrid>

            </h:panelGrid>


        </p:dialog>

    </h:form> 

    <f:view>
        <script type="text/javascript">
                              function borrar() {




                                  var variable = document.getElementById("jojo:txt_data").value;

                                  if (variable) {

    // Do stuff, will only match null or undefined, this won't match false
                                  } else {
                                      // window.location.replace = "${request.contextPath}/index.jsf?faces-redirect=true";
                                      //  window.location.href = "${request.contextPath}/index.jsf?faces-redirect=true";
                                      window.close();
                                  }

                                  if (variable.length == 0) {
                                      //  alert(variable.length);
                                      window.location.replace = "${request.contextPath}/index.jsf?faces-redirect=true";
                                      window.location.href = "${request.contextPath}/index.jsf?faces-redirect=true";
                                  }


                              }
                              function openWindow(url)
                              {
                                  window.open(url, '_blank');
                                  window.focus();
                              }
        </script>
        <script language="javascript" type="text/javascript">
            document.oncontextmenu = RightMouseDown;
            document.onmousedown = mouseDown;

            function mouseDown(e) {
                if (e.which == 3) {//righClick
                    alert("ESTIMADO USUARIO, NO SE PERMITE ESTA OPCIÓN :)");
                }
            }
            function RightMouseDown() {
                return false;
            }
        </script>
    </f:view>



    <h:body  onload="borrar();" style="display: #{session.getId() ne null ? 'null':'none'}">

        <header id="header">
            <hgroup>
                <h1 class="site_title"><a href="index.html">Menu del Sistema</a></h1>
                <h2 class="section_title">Sistema Integrado de Transportes para : #{managedBeanIniciosesion.objetoEmpleado.agencia.ciudad.departamento.depDepartamento} #{managedBeanVenta.objetoViaje.agencia.ciudad.ciudCiudad} #{managedBeanVenta.objetoViaje.agencia.agenDireccion} </h2><div class="btn_view_site"></div>
            </hgroup>

        </header> <!-- end of header bar -->
        <section id="secondary_bar">
            <div class="user">
                <p>

                    <h:outputText  id="textoPrincipal" value="Bienvenido: #{managedBeanIniciosesion.objetoEmpleado.persona.perNombres} #{managedBeanIniciosesion.objetoEmpleado.persona.perApellidos}" />

                </p>
                <!-- <a class="logout_user" href="#" title="Logout">Logout</a> -->
            </div>
            <div class="breadcrumbs_container">
                <article  class="breadcrumbs"><a href="#" onclick="idleDialogCerrar.show();">SALIR</a> </article>
            </div>
        </section><!-- end of secondary bar -->
        <aside id="sidebar" class="column">
            <hr/>
            <h3>INICIO</h3>
            <ul class="toggle">
                <li class="icn_jump_back"><a href="../ventas/index.jsf">INICIO SISTEMA</a></li>
            </ul>

            <hr/>
            <h3>VENTA DE PASAJES</h3>
            <ul class="toggle">
                <li class="icn_new_article"><a href="../ventas/formViajesProgramados.jsf">NUEVA VENTA</a></li>
                <li class="icn_edit_article"><a href="../ventas/formViajes.jsf">Programacion de Viajes</a></li>

            </ul>
            <hr/>
            <h3>Encomiendas</h3>
            <ul class="toggle">
                <li class="icn_settings"><a href="../Encomiendas/formRegistroEncomiendas.jsf">Registrar Giros y Encomiendas</a></li>
                <li class="icn_security"><a href="../Encomiendas/formEditarEncomiendas.jsf">Edici&oacute;n de Encomiendas</a></li>
                <li class="icn_security"><a href="../Encomiendas/formListarEncomiendas.jsf">Relaci&oacute;n de Encomiendas</a></li>
                <li class="icn_security"><a href="../Encomiendas/formPostergarEncomiendas.jsf">Postergar Envio de Encomiendas</a></li>
                <li class="icn_security"><a href="../Encomiendas/formEntregaEncomiendas.jsf">Entrega de Giros y Encomiendas</a></li>
            </ul>
            <hr/>

            <hr/>
            <h3>MANTENEDORES</h3>
            <ul class="toggle">
                <li class="icn_folder"><a href="../Mantenedores/formBus.jsf">BUSES</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formMarca.jsf">Marcas</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formModelo.jsf">Modelos</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formPais.jsf">Pais</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoServicio.jsf">Tipo de Servicio</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoDocumentoIdentidad.jsf">Tipo de Documento de Identidad</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoEmpleado.jsf">Tipo de Empleado</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoEncomienda.jsf">Tipo de Encomienda</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoEgreso.jsf">Tipo de Egreso</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoIngreso.jsf">Tipo de Ingreso</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formTipoComprobante.jsf">Tipo de Comprobante</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formAgencia.jsf">Agencia</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formIgv.jsf">Igv</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formCargo.jsf">Cargo</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formDepartamento.jsf">Departamento</a></li> 
                <li class="icn_folder"><a href="../Mantenedores/formClienteJuridico.jsf">Cliente Juridico</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formClienteNatural.jsf">Cliente Natural</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formEmpleado.jsf">Empleado</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formCiudad.jsf">Ciudad</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formRoles.jsf">Roles</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formRuta.jsf">Ruta</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formUsuario.jsf">Usuario</a></li>
                <li class="icn_folder"><a href="../ventas/frmCambioNumeracion.jsf">NUMERACIÓN</a></li>
            </ul>
            <hr/>
            <h3>CAJA</h3>
            <ul class="toggle">
                <li class="icn_folder"><a href="../Mantenedores/formIngresos.jsf">Ingresos</a></li>
                <li class="icn_folder"><a href="../Mantenedores/formEgreso.jsf">Egresos</a></li>
                <li style="display: #{managedBeanIniciosesion.objetoEmpleado.cargo.idCargo eq 1 ? 'null':'none'}" class="icn_folder"><a href="../Mantenedores/formFlujoCaja.jsf">Flujo General de Caja</a></li>
                <li style="display: #{managedBeanIniciosesion.objetoEmpleado.cargo.idCargo eq 1 ? 'null':'none'}" class="icn_folder"><a href="../Mantenedores/formFlujoCajaxAgen.jsf">Flujo de Caja por Agencias</a></li>
                <li style="display: #{managedBeanIniciosesion.objetoEmpleado.cargo.idCargo eq 2 ? 'null':'none'}" class="icn_folder"><a href="../Mantenedores/formFlujoCajaCierre.jsf">Cierre de Caja</a></li>
                <li style="display: #{managedBeanIniciosesion.objetoEmpleado.cargo.idCargo eq 1 ? 'null':'none'}" class="icn_folder"><a href="../Mantenedores/formFlujoCajaxUsu.jsf">Flujo de Caja por Personal</a></li>
            <li class="icn_folder"><a href="../ventas/formCuentasxCobrar.jsf">COBRO PENDIENTES</a></li>
            </ul>
            <hr/>
            <h3 style="display: #{managedBeanIniciosesion.objetoEmpleado.cargo.idCargo eq 1 ? 'null':'none'}" >Reportes de Gestión</h3>
            <ul style="display: #{managedBeanIniciosesion.objetoEmpleado.cargo.idCargo eq 1 ? 'null':'none'}" class="toggle">
                <li class="icn_security"><a href="../Reportes/formReportVentPasaj.jsf">Reportes de Ventas de Pasajes</a></li>
                <br />
                <li class="icn_security"><a href="../Reportes/formReportEncom.jsf">Reportes de Encomiendas</a></li>
            </ul>
            <hr/>
            <footer>
                <hr />
                <p><strong>Copyright &copy; 2013 DataSoftware Group S.A.C </strong></p>
                <p>Desarrollado por  <a href="http://www.datasoftwaregroup.com">DataSoftware Group S.A.C </a></p>
                <hr />
            </footer>
        </aside>
        <section id="main" class="column">
            <article class="module width_full">
                <ui:insert name="content">
                    <!-- Cuerpo de Informacion de la aplicacion -->
                </ui:insert>
            </article>
        </section>
    </h:body>

</html>